﻿@charset "UTF-8";
	html {
	font-size:100vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	min-height:100%;
	background-color:#eee;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
@media screen and (max-width:320px) {
	html {
	font-size:320px
}
}@media screen and (min-width:750px) {
	html {
	font-size:750px
}
}@media screen and (min-aspect-ratio:15 / 10) {
	html {
	font-size:320px
}
}body {
	-webkit-box-flex:0;
	-ms-flex:0 0 1rem;
	flex:0 0 1rem
}
li {
	list-style:none
}
img {
	display:block
}
.phone-modal ul,.remodal-wrapper {
	display:-webkit-box;
	display:-ms-flexbox
}
a {
	text-decoration:none
}
.container {
	position:relative;
	overflow:hidden
}
.remodal-overlay {
	background-color:rgba(0,0,0,.5)
}
.remodal-wrapper {
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.phone-modal {
	width:.74074rem;
	visibility:visible;
	opacity:1;
	background-color:#fff
}
.phone-modal .close {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:45px;
	height:45px;
	text-indent:-99em;
	overflow:hidden
}
.phone-modal .close:after,.phone-modal .close:before {
	position:absolute;
	top:22px;
	left:13px;
	width:20px;
	height:1px;
	background-color:#333;
	content:''
}
.phone-modal .close:before {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.phone-modal .close:after {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.phone-modal .footer {
	border-top:1px solid #DCDCDC;
	border-bottom:0 none
}
.phone-modal .footer .ensure {
	left:0;
	margin:0 auto
}
.phone-modal ul {
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:.02778rem
}
.checkbox,.loading {
	display:-webkit-box;
	display:-ms-flexbox
}
.phone-modal li {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	width:50%;
	margin:.00926rem;
	border:1px solid #DCDCDC;
	line-height:.08333rem;
	font-size:.03889rem
}
.form .code,.form .label,.form .value {
	font-size:.03333rem
}
.phone-modal li:active {
	background-color:#DCDCDC
}
.checkbox {
	position:relative;
	display:flex;
	color:#fff
}
.checkbox input {
	position:absolute;
	top:0;
	left:0;
	clip:rect(0,0,0,0)
}
.checkbox input+.icon {
	display:block
}
.checkbox input+.icon+.icon,.checkbox input:checked+.icon {
	display:none
}
.checkbox input:checked+.icon+.icon {
	display:block
}
.checkbox .icon {
	-ms-flex-item-align:center;
	align-self:center;
	margin-right:.00926rem
}
.loading {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.form .title,.loading div {
	display:-webkit-box;
	display:-ms-flexbox
}
.form .tip,.loading div {
	-webkit-box-pack:center
}
.loading div {
	display:flex;
	width:60px;
	height:60px;
	border-radius:10px;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background-color:rgba(0,0,0,.7)
}
body {
	/* background-color:#0c0a31 */
	/*background: url(../images/bg-repeat.png);*/
}
.checkbox .icon {
	width:.04259rem;
	height:.04259rem
}
.container {
	/*background:url(../images/bg1.png) center 0/1rem 1.55138rem no-repeat	*/       
}
.container .logo {
	width:.36667rem;
	height:.07037rem;
	margin-top:.01204rem;
	margin-left:.01111rem
}
.container .main {
	padding-bottom:.11759rem;
	overflow:hidden
}
.row:nth-child(1) {
	width:0.9rem;
	/*height:.54815rem;*/
	margin-top:.01111rem
}
.row:nth-child(2) {
	width:.76574rem;
	/*height:.42736rem;*/
	margin-top:-.01111rem;
	margin-left:.13241rem
}
.row:nth-child(3) {
	/* width:.93519rem;
	height:.88611rem;
	margin-top:.05556rem;
	margin-left:.01111rem */
	width:0rem;
	height:0rem;
}
.row:nth-child(4) {
	/* margin-top:-.00926rem 
	margin-top:.58926rem*/
	margin-top:.1rem
}
.row:nth-child(5) {
	width:.9rem;
	height:2.4037rem;
	margin:0 auto
}
.row:nth-child(6) {
	width:.93519rem;
	height:.88611rem;
	margin-top:.03556rem;
	/* margin-left:.01111rem */
}
.row:nth-child(7) {
	width:1rem;
	height:.66944rem;
	margin-top:.0rem
}
.form {
	/*width:.83333rem;*/
	width:95%;
	margin:0 auto;
	/*border-radius:.03704rem;
	padding:.00648rem;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#7ce8c2),to(#d43fbe));
	background-image:linear-gradient(to bottom,#7ce8c2,#d43fbe);
	background-color:#a59ac0;
	-webkit-box-shadow:0 0 .00556rem .00556rem rgba(170,36,255,.66);
	box-shadow:0 0 .00556rem .00556rem rgba(170,36,255,.66)*/
}
.form>div:first-child {
	border-top-right-radius:.03333rem;
	border-top-left-radius:.03333rem
}
.form>div:last-child {
	border-bottom-right-radius:.03333rem;
	border-bottom-left-radius:.03333rem
}
.form .title {
	display:flex;
	height:.11111rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background-color:#FAFAFA;
	/*background-color:#15172e;*/
}
.form .item,.form .item-wrap,.form .tip {
	display:-webkit-box;
	display:-ms-flexbox
}
.form .title img {
	height:.03333rem;
	/* margin-left:.0537rem */
	margin: 0 auto;
}
.form .title div {
	font-size:20px;
	text-align: center;
	margin:0 auto;
}
.form .item,.form .item-wrap {
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background-color:#fff
}
.form .item {
	-ms-flex-negative:1;
	flex-shrink:1;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	width:100%;
	height:.10648rem;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:.05556rem
}
.form .cut {
	height:1px;
	background-image:-webkit-gradient(linear,left top,right top,from(#c2087e),to(#55a2d0));
	background-image:linear-gradient(to right,#c2087e,#55a2d0)
}
.form .label {
	-ms-flex-negative:0;
	flex-shrink:0;
	-webkit-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	width:.25rem;
	color:#15172e
}
.form .value {
	-ms-flex-negative:1;
	flex-shrink:1;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	display:block;
	width:100%;
	border:0;
	outline:0;
	padding:0;
	color:inherit!important;
	background:0 0
}
.form .placeholder {
	color:#999
}
.form .placeholder::-webkit-input-placeholder {
	color:#999
}
.form .placeholder:-moz-placeholder {
	color:#999
}
.form .placeholder::-moz-placeholder {
	color:#999
}
.form .placeholder:-ms-input-placeholder {
	color:#999
}
.form .code {
	-ms-flex-negative:0;
	flex-shrink:0;
	-webkit-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	width:.27778rem;
	padding:.02778rem 0;
	text-align:center;
	color:#5899e0
}
.form .code.disabled {
	pointer-events:none;
	color:#999
}
.form .tip {
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	padding:.01852rem 0;
	background-color:#fafafa
}
.form .tip p {
	margin:0;
	line-height:.04444rem;
	white-space:nowrap;
	font-size:.02222rem;
	font-weight:700;
	color:#999
}
.form .tip p:first-child {
	color:#de2c2c
}
.submit {
	padding:.02778rem 0 .01389rem
}
.submit .btn {
	
	width:.83167rem;
	height:.10583rem;
	margin:20px auto;
	border-radius: 5px;
	
}
/*.submit .btn {
	position:absolute;
	left:0;
	right:0;
	top:3.5rem;
	z-index:9;
	width:.83167rem;
	height:.10583rem;
	margin:0 auto;
	-webkit-animation:submitBtn 1s ease-in-out infinite;
	animation:submitBtn 1s ease-in-out infinite
}*/
@-webkit-keyframes submitBtn {
	0%,100% {
	-webkit-transform:scale(.95);
	transform:scale(.95)
}
50% {
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
}@keyframes submitBtn {
	0%,100% {
	-webkit-transform:scale(.95);
	transform:scale(.95)
}
50% {
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
}.submit .btn.fixed {
	/*position:fixed;
	top:auto;
	bottom:.01852rem*/
}
.submit .btn.fixed+.btn-mask {
	opacity:1
}
.submit .btn-mask {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:8;
	height:.22222rem;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(253,247,220,0)),to(#2a1057));
	background-image:linear-gradient(to bottom,rgba(253,247,220,0),#2a1057);
	-webkit-transition:opacity .5s;
	transition:opacity .5s;
	opacity:0;
	pointer-events:none
}
.submit .protocol {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	margin-top:.01852rem;
	line-height:.0463rem;
	font-size:.02222rem
}
.submit .protocol a {
	display:block;
	color:#de2c2c
}
